<figure data-rehype-pretty-code-figure=""><pre class="force-dark mb-4 mt-6 max-h-[650px] overflow-x-auto !rounded-xl border !border-neutral-700/50 !bg-neutral-800 py-4 dark:!bg-neutral-800/50 s-k9tA7pZhqxSB" tabindex="0" data-language="css" data-theme="github-dark">    <code data-language="css" data-theme="github-dark" style="display: grid;"><span data-line=""><span style="color:#B392F0">:root</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-inherit</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-current</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">currentColor</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-transparent</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">transparent</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-black</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#79B8FF"> 0</span><span style="color:#79B8FF"> 0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-white</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">255</span><span style="color:#79B8FF"> 255</span><span style="color:#79B8FF"> 255</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-50</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">250</span><span style="color:#79B8FF"> 250</span><span style="color:#79B8FF"> 250</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-100</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">245</span><span style="color:#79B8FF"> 245</span><span style="color:#79B8FF"> 245</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-200</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">229</span><span style="color:#79B8FF"> 229</span><span style="color:#79B8FF"> 229</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-300</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">212</span><span style="color:#79B8FF"> 212</span><span style="color:#79B8FF"> 212</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-400</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">163</span><span style="color:#79B8FF"> 163</span><span style="color:#79B8FF"> 163</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-500</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">115</span><span style="color:#79B8FF"> 115</span><span style="color:#79B8FF"> 115</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-600</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">82</span><span style="color:#79B8FF"> 82</span><span style="color:#79B8FF"> 82</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-700</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">64</span><span style="color:#79B8FF"> 64</span><span style="color:#79B8FF"> 64</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-800</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">38</span><span style="color:#79B8FF"> 38</span><span style="color:#79B8FF"> 38</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-neutral-900</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">23</span><span style="color:#79B8FF"> 23</span><span style="color:#79B8FF"> 23</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-50</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">255</span><span style="color:#79B8FF"> 249</span><span style="color:#79B8FF"> 237</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-100</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">254</span><span style="color:#79B8FF"> 242</span><span style="color:#79B8FF"> 214</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-200</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">252</span><span style="color:#79B8FF"> 224</span><span style="color:#79B8FF"> 172</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-300</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">249</span><span style="color:#79B8FF"> 201</span><span style="color:#79B8FF"> 120</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-400</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">247</span><span style="color:#79B8FF"> 177</span><span style="color:#79B8FF"> 85</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-500</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">243</span><span style="color:#79B8FF"> 141</span><span style="color:#79B8FF"> 28</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-600</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">228</span><span style="color:#79B8FF"> 115</span><span style="color:#79B8FF"> 18</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-700</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">189</span><span style="color:#79B8FF"> 87</span><span style="color:#79B8FF"> 17</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-800</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">150</span><span style="color:#79B8FF"> 69</span><span style="color:#79B8FF"> 22</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-900</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">121</span><span style="color:#79B8FF"> 58</span><span style="color:#79B8FF"> 21</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-magnum-950</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">65</span><span style="color:#79B8FF"> 28</span><span style="color:#79B8FF"> 9</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-50</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">250</span><span style="color:#79B8FF"> 250</span><span style="color:#79B8FF"> 250</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-100</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">244</span><span style="color:#79B8FF"> 244</span><span style="color:#79B8FF"> 245</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-200</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">228</span><span style="color:#79B8FF"> 228</span><span style="color:#79B8FF"> 231</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-300</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">212</span><span style="color:#79B8FF"> 212</span><span style="color:#79B8FF"> 216</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-400</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">161</span><span style="color:#79B8FF"> 161</span><span style="color:#79B8FF"> 170</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-500</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">113</span><span style="color:#79B8FF"> 113</span><span style="color:#79B8FF"> 122</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-600</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">82</span><span style="color:#79B8FF"> 82</span><span style="color:#79B8FF"> 91</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-700</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">63</span><span style="color:#79B8FF"> 63</span><span style="color:#79B8FF"> 70</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-800</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">39</span><span style="color:#79B8FF"> 38</span><span style="color:#79B8FF"> 42</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-zinc-900</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">24</span><span style="color:#79B8FF"> 24</span><span style="color:#79B8FF"> 27</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-50</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">249</span><span style="color:#79B8FF"> 250</span><span style="color:#79B8FF"> 251</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-100</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">243</span><span style="color:#79B8FF"> 244</span><span style="color:#79B8FF"> 246</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-200</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">228</span><span style="color:#79B8FF"> 231</span><span style="color:#79B8FF"> 235</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-300</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">209</span><span style="color:#79B8FF"> 213</span><span style="color:#79B8FF"> 219</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-400</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">156</span><span style="color:#79B8FF"> 163</span><span style="color:#79B8FF"> 175</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-500</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">107</span><span style="color:#79B8FF"> 114</span><span style="color:#79B8FF"> 128</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-600</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">75</span><span style="color:#79B8FF"> 85</span><span style="color:#79B8FF"> 99</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-700</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">55</span><span style="color:#79B8FF"> 65</span><span style="color:#79B8FF"> 81</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-800</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">31</span><span style="color:#79B8FF"> 41</span><span style="color:#79B8FF"> 55</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --color-gray-900</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">17</span><span style="color:#79B8FF"> 24</span><span style="color:#79B8FF"> 39</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#FFAB70">  --font-family-sans</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">ui-sans-serif</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">system-ui</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">-apple-system</span><span style="color:#E1E4E8">, BlinkMacSystemFont, </span><span style="color:#9ECBFF">'Segoe UI'</span><span style="color:#E1E4E8">, Roboto,</span></span>
	<span data-line=""><span style="color:#9ECBFF">    'Helvetica Neue'</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Arial</span><span style="color:#E1E4E8">, </span><span style="color:#9ECBFF">'Noto Sans'</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">sans-serif</span><span style="color:#E1E4E8">, </span><span style="color:#9ECBFF">'Apple Color Emoji'</span><span style="color:#E1E4E8">, </span><span style="color:#9ECBFF">'Segoe UI Emoji'</span><span style="color:#E1E4E8">, </span><span style="color:#9ECBFF">'Segoe UI Symbol'</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#9ECBFF">    'Noto Color Emoji'</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#FFAB70">  --font-family-mono</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">ui-monospace</span><span style="color:#E1E4E8">, SFMono-Regular, Menlo, Monaco, Consolas, </span><span style="color:#9ECBFF">'Liberation Mono'</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#9ECBFF">    'Courier New'</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">monospace</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">}</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#F97583">@layer</span><span style="color:#E1E4E8"> tailwind-reset {</span></span>
	<span data-line=""><span style="color:#85E89D">  *</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#B392F0">  ::before</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#B392F0">  ::after</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    box-sizing</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">border-box</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-width</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-style</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">solid</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">rgb</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">var</span><span style="color:#E1E4E8">(</span><span style="color:#FFAB70">--color-gray-200</span><span style="color:#E1E4E8">) / </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">);</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  ::before</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#B392F0">  ::after</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    content</span><span style="color:#E1E4E8">: </span><span style="color:#9ECBFF">''</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  html</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    line-height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1.5</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-text-size-adjust</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">100</span><span style="color:#F97583">%</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    -moz-tab-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">4</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    -o-tab-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">4</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    tab-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">4</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-family</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">var</span><span style="color:#E1E4E8">(</span><span style="color:#FFAB70">--font-family-sans</span><span style="color:#E1E4E8">);</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  body</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    margin</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    line-height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  hr</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-top-width</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1</span><span style="color:#F97583">px</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  abbr</span><span style="color:#B392F0">:where</span><span style="color:#E1E4E8">([</span><span style="color:#B392F0">title</span><span style="color:#E1E4E8">]) {</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-text-decoration</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">underline</span><span style="color:#79B8FF"> dotted</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    text-decoration</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">underline</span><span style="color:#79B8FF"> dotted</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  h1</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h2</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h3</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h4</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h5</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h6</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-weight</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  a</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    text-decoration</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  b</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  strong</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-weight</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">bolder</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  code</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  kbd</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  samp</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  pre</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-family</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">var</span><span style="color:#E1E4E8">(</span><span style="color:#FFAB70">--font-family-mono</span><span style="color:#E1E4E8">);</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1</span><span style="color:#F97583">em</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  small</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">80</span><span style="color:#F97583">%</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  sub</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  sup</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">75</span><span style="color:#F97583">%</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    line-height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    position</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">relative</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    vertical-align</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">baseline</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  sub</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    bottom</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">-0.25</span><span style="color:#F97583">em</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  sup</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    top</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">-0.5</span><span style="color:#F97583">em</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  table</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    text-indent</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    border-collapse</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">collapse</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  button</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  input</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  optgroup</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  select</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  textarea</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-family</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-size</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">100</span><span style="color:#F97583">%</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    font-weight</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    line-height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    margin</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    padding</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  button</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  select</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    text-transform</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">none</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  button</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#E1E4E8">  [</span><span style="color:#B392F0">type</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">'button'</span><span style="color:#E1E4E8">],</span></span>
	<span data-line=""><span style="color:#E1E4E8">  [</span><span style="color:#B392F0">type</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">'reset'</span><span style="color:#E1E4E8">],</span></span>
	<span data-line=""><span style="color:#E1E4E8">  [</span><span style="color:#B392F0">type</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">'submit'</span><span style="color:#E1E4E8">] {</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-appearance</span><span style="color:#E1E4E8">: button;</span></span>
	<span data-line=""><span style="color:#79B8FF">    background-color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">transparent</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    background-image</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">none</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  :-moz-focusring</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    outline</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">auto</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  :-moz-ui-invalid</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    box-shadow</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">none</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  progress</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    vertical-align</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">baseline</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  ::-webkit-inner-spin-button</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#B392F0">  ::-webkit-outer-spin-button</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">auto</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#E1E4E8">  [</span><span style="color:#B392F0">type</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">'search'</span><span style="color:#E1E4E8">] {</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-appearance</span><span style="color:#E1E4E8">: textfield;</span></span>
	<span data-line=""><span style="color:#79B8FF">    outline-offset</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">-2</span><span style="color:#F97583">px</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  ::-webkit-search-decoration</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-appearance</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">none</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  ::-webkit-file-upload-button</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    -webkit-appearance</span><span style="color:#E1E4E8">: button;</span></span>
	<span data-line=""><span style="color:#79B8FF">    font</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">inherit</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  summary</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    display</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">list-item</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  blockquote</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  dl</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  dd</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h1</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h2</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h3</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h4</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h5</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  h6</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  hr</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  figure</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  p</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  pre</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    margin</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  fieldset</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    margin</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    padding</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  legend</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    padding</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  ol</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  ul</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  menu</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    list-style</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">none</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    margin</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    padding</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  textarea</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    resize</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">vertical</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  input</span><span style="color:#B392F0">::-moz-placeholder</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  textarea</span><span style="color:#B392F0">::-moz-placeholder</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    opacity</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">rgb</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">var</span><span style="color:#E1E4E8">(</span><span style="color:#FFAB70">--color-gray-400</span><span style="color:#E1E4E8">) / </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">);</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  input</span><span style="color:#B392F0">::placeholder</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  textarea</span><span style="color:#B392F0">::placeholder</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    opacity</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    color</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">rgb</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">var</span><span style="color:#E1E4E8">(</span><span style="color:#FFAB70">--color-gray-400</span><span style="color:#E1E4E8">) / </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">);</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  button</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#E1E4E8">  [</span><span style="color:#B392F0">role</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">'button'</span><span style="color:#E1E4E8">] {</span></span>
	<span data-line=""><span style="color:#79B8FF">    cursor</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">pointer</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#B392F0">  :disabled</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    cursor</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">default</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  img</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  svg</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  video</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  canvas</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  audio</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  iframe</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  embed</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  object</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    display</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">block</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    vertical-align</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">middle</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""> </span>
	<span data-line=""><span style="color:#85E89D">  img</span><span style="color:#E1E4E8">,</span></span>
	<span data-line=""><span style="color:#85E89D">  video</span><span style="color:#E1E4E8"> {</span></span>
	<span data-line=""><span style="color:#79B8FF">    max-width</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">100</span><span style="color:#F97583">%</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#79B8FF">    height</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">auto</span><span style="color:#E1E4E8">;</span></span>
	<span data-line=""><span style="color:#E1E4E8">  }</span></span>
	<span data-line=""><span style="color:#E1E4E8">}</span></span></code>
		</pre> <button class="absolute right-4 top-4 z-10 s-k9tA7pZhqxSB" aria-label="copy" data-code-copy=""><div class="s-k9tA7pZhqxSB"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-copy size-4 hover:text-magnum-500"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></div></button><!--<Pre>--></figure>